<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>日报列表</title>
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/index.css" media="screen">
    <link rel="stylesheet" href="../css/index2.css" media="screen">
    <link rel="stylesheet" href="../css/all.css">
    <!-- 日历 -->
    <link rel="stylesheet" href="../calendar/css/simple-calendar.css">
</head>

<body>
    <nav class="mb-nav-org" id="nav" style="box-shadow: rgba(34, 45, 57, 0.15) 0px 0px 1px 1px;">
        <div class="features-dropdown">
            <ul class="content">
                <li class="library whole">
                    <a href="https://       #####free.modao.cc/features#sec2-library">
                        <img src="../images/library.svg">
                        <h3 class="dropdown-title">素材库</h3>
                        <ul class="dropdown-desc">
                            <li>内置丰富的组件和模板</li>
                            <li>可自定义个人素材库</li>
                            <li>还可共享团队组件库</li>
                        </ul>
                    </a>
                </li>
                <li class="design whole">
                    <a href="https://       #####free.modao.cc/features#sec2-desgin">
                        <img src="../images/design.svg">
                        <h3 class="dropdown-title">设计</h3>
                        <ul class="dropdown-desc">
                            <li>一拖一拽轻松搭建界面</li>
                            <li>多种手势和转场效果</li>
                            <li>无需代码也能做出酷炫动效</li>
                        </ul>
                    </a>
                </li>
                <li class="efficient whole">
                    <a href="https://       #####free.modao.cc/features#sec2-efficient">
                        <img src="../images/efficient.svg">
                        <h3 class="dropdown-title">高效演示及评审</h3>
                        <ul class="dropdown-desc">
                            <li>真实设备边框、全屏演示</li>
                            <li>一键分享</li>
                            <li>在线获取评论</li>
                        </ul>
                    </a>
                </li>
                <li class="label whole">
                    <a href="https://       #####free.modao.cc/features#sec2-sketchLabel">
                        <img src="../images/label.svg">
                        <h3 class="dropdown-title">Sketch插件&amp;标注</h3>
                        <ul class="dropdown-desc">
                            <li>导入Sketch稿</li>
                            <li>自动标注&amp;切图</li>
                            <li>获取全平台代码</li>
                        </ul>
                    </a>
                </li>
                <li class="editing whole">
                    <a href="https://       #####free.modao.cc/features#sec2-cloud">
                        <img src="../images/cloud.svg">
                        <h3 class="dropdown-title">云端编辑</h3>
                        <ul class="dropdown-desc">
                            <li>浏览器直接登录</li>
                            <li>随时随地办公</li>
                            <li>异地团队协作</li>
                        </ul>
                    </a>
                </li>
                <li class="collaboration whole">
                    <a href="https://       #####free.modao.cc/features#sec2-collaboration">
                        <img src="../images/collaboration.svg">
                        <h3 class="dropdown-title">多人协作</h3>
                        <ul class="dropdown-desc">
                            <li>协同编辑、查看、审阅</li>
                            <li>项目同步、沟通透明</li>
                            <li>项目&amp;成员便捷管理</li>
                        </ul>
                    </a>
                </li>
            </ul>
        </div>
        <div class="nav-header">
            <div class="header-left" id="header-left">
                <h1 class="nav-logo">
                    <a href="https://       #####free.modao.cc/">
                        <img alt="墨刀 logo" class="logo core" src="../images/login_logo.png">
                        <img alt="墨刀 logo" class="logo core-phone" src="../images/favicon.png">
                    </a>
                </h1>
                <div class="switch-lang">
                    <a class="active cn" href="#">中文</a>
                    <div class="dropdown">
                        <a class="en dropdown-content" href="#">English</a>
                    </div>
                </div>
                <div class="switch-lang phone">
                    <a class="active cn" href="https://free.modao.cc/cn">中文</a>
                    <span class="splice">/</span>
                    <a class="dropdown-content en" href="https://free.modao.cc/en">En</a>
                </div>
            </div>
            <div class="menu-center" id="menu-center">
                <ul class="menu-content">
                    <li class="features" data-track-id="features">
                        <a href="https://       #####free.modao.cc/features">功能概览</a>
                    </li>
                    <li class="company" data-track-id="enterprise" id="has-dropdown">
                        <a class="title" href="https://free.modao.cc/enterprise">企业版</a>
                        <div class="dropdown">
                            <a class="dropdown-content" data-track-id="enterprise"
                                href="https://free.modao.cc/enterprise">
                                <span>企业版介绍</span>
                            </a>
                            <a class="dropdown-content" data-track-id="enterprise_solution"
                                href="https://free.modao.cc/enterprise_solution">
                                <span>解决方案</span>
                            </a>
                            <a class="dropdown-content" data-track-id="enterprise_case"
                                href="https://free.modao.cc/enterprise_case">
                                <span>企业案例</span>
                            </a>
                        </div>
                    </li>
                    <li class="square" data-track-id="square">
                        <a href="https://       #####free.modao.cc/square">
                            <b>素材广场</b>
                        </a>
                        <img class="square-after-new" src="../images/header_hot_square.svg">
                    </li>
                    <li data-track-id="downloads">
                        <a href="https://       #####free.modao.cc/downloads">下载</a>
                    </li>
                    <li data-track-id="pricing">
                        <a href="https://       #####free.modao.cc/pricing">价格</a>
                    </li>
                    <li class="helper" data-track-id="hc" id="has-dropdown">
                        <a class="title" href="https://free.modao.cc/help-center" id="hc" target="_blank">帮助中心</a>
                        <div class="dropdown">
                            <a class="dropdown-content" href="https://free.modao.cc/forum">讨论区</a>
                        </div>
                    </li>
                    <li data-track-id="payConsulation">
                        <a href="https://       #####free.modao.cc/pay_consultation">付费资讯</a>
                    </li>
                    <li data-track-id="pmcaff">
                        <a href="https://       #####www.pmcaff.com/feed/?utm_source=modaotopnavi"
                            target="_blank">产品问答</a>
                    </li>
                </ul>
            </div>
            <div class="menu-right" id="menu-right">
                <ul id="login-menu">
                    <li class="login-status">
                        <a href="https://       #####free.modao.cc/signout">退出登录</a>
                    </li>
                    <li data-track-id="workspace">
                        <a class="primary workspace" href="https://free.modao.cc/dashboard">进入工作区</a>
                    </li>
                </ul>
            </div>
            <!-- / 适配移动端 -->
            <div class="menu">
                <div id="menu-center">
                    <ul class="menu-content">
                        <li class="features" data-track-id="features">
                            <a href="https://       #####free.modao.cc/features">功能概览</a>
                        </li>
                        <li class="company" data-track-id="enterprise" id="has-dropdown">
                            <div class="dropdown-title">
                                <a href="https://       #####free.modao.cc/enterprise">企业版</a>
                                <div class="arrow-bottom"></div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-content" data-track-id="enterprise"
                                    href="https://free.modao.cc/enterprise">
                                    <span>企业版介绍</span>
                                </a>
                                <a class="dropdown-content" data-track-id="enterprise_solution"
                                    href="https://free.modao.cc/enterprise_solution">
                                    <span>解决方案</span>
                                </a>
                                <a class="dropdown-content" data-track-id="enterprise_case"
                                    href="https://free.modao.cc/enterprise_case">
                                    <span>企业案例</span>
                                </a>
                            </div>
                        </li>
                        <li data-track-id="downloads">
                            <a href="https://       #####free.modao.cc/downloads">下载</a>
                        </li>
                        <li data-track-id="pricing">
                            <a href="https://       #####free.modao.cc/pricing">价格</a>
                        </li>
                        <li class="helper" data-track-id="hc" id="has-dropdown">
                            <div class="dropdown-title">
                                <a href="https://       #####free.modao.cc/help-center" id="hc" target="_blank">帮助中心</a>
                                <div class="arrow-bottom"></div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-content" href="https://free.modao.cc/forum">讨论区</a>
                            </div>
                        </li>
                        <li data-track-id="payConsulation">
                            <a href="https://       #####free.modao.cc/pay_consultation">付费资讯</a>
                        </li>
                        <li data-track-id="pmcaff">
                            <a href="https://       #####www.pmcaff.com/feed/?utm_source=modaotopnavi"
                                target="_blank">产品问答</a>
                        </li>
                    </ul>
                </div>
                <div id="menu-right">
                    <ul id="login-menu">
                        <li class="login-status">
                            <a href="https://       #####free.modao.cc/signout">退出登录</a>
                        </li>
                        <li data-track-id="workspace">
                            <a class="primary workspace" href="https://free.modao.cc/dashboard">进入工作区</a>
                        </li>
                    </ul>
                </div>
            </div>
            <button hidden="" id="nav-menu-toggle">
                <img class="icon" src="../images/nav.png" alt="">
            </button>
            <div class="deco"></div>
        </div>
    </nav>
    <!-- 日历形式展示 -->
    <div class="layui-fluid layui-clear pt-86" style="display: none;">
        <div id="calendar"></div>
    </div>
    <!-- 列表形式展示 -->
    <div class="container bg-ff pt-76 layui-col-xs10 layui-col-xs-offset1">
        <fieldset class="layui-elem-field layui-field-title">
            <legend>2020年8月</legend>
        </fieldset>
        <ul class="layui-timeline">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content">
                    <h3 class="layui-timeline-title">8月18日 （星期五）<button class="layui-btn layui-btn-normal layui-btn-xs">修改日报</button></h3>
                    <h4>工作总结：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
                        <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                        <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
                    </p>
                    <h4>问题反馈：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <h4>明日计划：</h4>
                    <h4>今日收获：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <div class="time"><span>2020-08-18 17:24:26</span></div>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content">
                    <h3 class="layui-timeline-title">8月18日 （星期四）</h3>
                    <h4>工作总结：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
                        <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                        <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
                    </p>
                    <h4>问题反馈：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <h4>明日计划：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <h4>今日收获：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content">
                    <h3 class="layui-timeline-title">8月18日 （星期四）</h3>
                    <h4>工作总结：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
                        <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                        <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
                    </p>
                    <h4>问题反馈：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <h4>明日计划：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <h4>今日收获：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content">
                    <h3 class="layui-timeline-title">8月18日 （星期四）</h3>
                    <h4>工作总结：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
                        <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                        <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔
                    </p>
                    <h4>问题反馈：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <h4>明日计划：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                    <h4>今日收获：</h4>
                    <p>layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。</p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content">
                    <h3 class="layui-timeline-title">8月18日 （星期四）</h3>
                    <div class="daily-my-none">
                        <img src="../icon/none.png" alt="">
                        <p>暂无当日日报</p>
                        <button class="layui-btn layui-btn-normal layui-btn-xs">补发日报</button>
                    </div>
                    <!-- <h4>工作总结：</h4>
                    <h4>问题反馈：</h4>
                    <h4>明日计划：</h4>
                    <h4>今日收获：</h4> -->
                </div>
            </li>
            <li class="layui-timeline-item">
            </li>
        </ul>
        <div class="layui-col-xs12 py-15">
            <button class="layui-btn layui-btn-primary layui-btn-fluid" id="moreDaily">查看更多</button>
        </div>

    </div>
    <div class="btn-btm" data-list='1'>
        <img class="icon" src="../icon/calendar.png">
    </div>

    <!-- 判断 PC mobile -->
    <script src="../js/cookie.js"></script>
    <script src="../js/browser.js"></script>
    <script src="../js/myLayer.js"></script>
    <!-- 当前页面需求文档 -->
    <script src="../js/document.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/toTop.js"></script>
    <script src="../calendar/js/simple-calendar.js"></script>
    <script>
        layui.use(['form', 'layedit', 'laydate'], function () {
            var $ = layui.jquery,
                form = layui.form,
                layer = layui.layer,
                layedit = layui.layedit,
                laydate = layui.laydate;
            var browser = getCookie('browser'); //判断 PC 还是 mobile
            if (browser == 'mobile') {
                $(".btn-btm").hide()
            }
            // 移动端导航
            $("#nav-menu-toggle").click(function () {
                $(this).siblings(".menu").toggleClass("is-open")
                $("html").toggleClass("is-overflow")
            })
            // 查看更多
            $("#moreDaily").click(function () {
                myLayer("", "已经显示全部日报！")
            })
            // 日历和列表切换
            $(".btn-btm").click(function () {
                $(this).toggleClass('btn-btm-list')
                var calendar = '../icon/calendar.png'
                var list = '../icon/list.png'
                var dataList = $(this).attr('data-list')
                if (dataList == 1) {
                    $(this).children('img').attr('src', list)
                    $(this).attr('data-list', '2')
                    $(".layui-fluid").fadeIn(200)
                    $(".container").hide()
                } else {
                    $(this).children('img').attr('src', calendar)
                    $(this).attr('data-list', '1')
                    $(".container").fadeIn(200)
                    $(".layui-fluid").hide()
                }
            })
            // 滚动置顶
            toTop($)
            // 需求说明 当前页
            var word = `<div style="padding: 20px; line-height: 22px;">
                    <h1>2020-07-29</h1>
                    <p>1、日报查询 按月或者分页查询列表</p>
                    <p>2、显示字段 标题 工作总结 问题反馈  明日计划  今日收获  提交时间（隐藏）</p>
                    <p>3、日报两周显示模式  移动端列表  PC端日历形式</p>
                </div>`;
            documentText(word, 190)

            // 日历
            var options = {
                width: '980px',
                height: '640px',
                language: 'CH', //语言
                showLunarCalendar: true, //阴历
                showHoliday: true, //休假
                showFestival: true, //节日
                showLunarFestival: true, //农历节日
                showSolarTerm: true, //节气
                showMark: true, //标记
                timeRange: {
                    startYear: 1900,
                    endYear: 2049
                },
                mark: {
                    '2020-08-21': '上学',
                    '2020-08-22': '上学',
                    '2020-08-23': '上学',
                },
                theme: {
                    changeAble: false,
                    weeks: {
                        backgroundColor: '#FBEC9C',
                        fontColor: '#4A4A4A',
                        fontSize: '20px',
                    },
                    days: {
                        backgroundColor: '#ffffff',
                        fontColor: '#565555',
                        fontSize: '24px'
                    },
                    todaycolor: 'orange',
                    activeSelectColor: 'orange',
                },
                click: function () {
                    console.log(this)
                    console.log(myCalendar.getSelectedDay())
                }
            }
            var myCalendar = new SimpleCalendar('#calendar', options);
            console.log(myCalendar.getSelectedDay())

        })
    </script>

</body>

</html>